<!DOCTYPE html>
<html lang="zh" >
<head>
    <meta charset="utf-8">
    <title>浙江省测绘大队</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"/> -->
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/animate.min.css">

    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" type="text/css" href="css/main.css">
    <!-- <link rel="stylesheet" type="text/css" href="css/anim.css"> -->
    <script type="text/javascript" src="bootstrap/js/jquery-3.2.1.min.js"></script>
    <!-- Demo styles -->
    <style type="text/css" media="screen">

    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    /*按钮*/
    body
    {
    font-family: "Lato", sans-serif;
   }


    .sidenav {
        height: 100%;
        width: 0;
        position: absolute;
        z-index: 1000;
        top: 0;
        right: 0;
        background-color: #aaabb0;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 14px;
        color: white;
        display: block;
        transition: 0.3s;
    }

    /*.sidenav a:hover, .offcanvas a:focus{
        color: #f1f1f1;
    }*/

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 14px;
        margin-left: 50px;
    }

    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 14px;}
    }
    .swiper-slide {
        text-align:left;
    }


    </style>
<script type="text/javascript">
     (function (doc, win) {
            var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
        };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);

</script>
</head>
<body>
<audio id="bgMusic" src="vedio/bgMusic.mp3" loop="loop"  preload="auto">
</audio>
<!--  -->
<!-- 导航 -->
<div id="mySidenav" class="sidenav " >
      <!-- <a href="javascript:void(0)" class="closebtn list-group-item" style="font-size: 28px;padding-bottom: 60px;" onclick="closeNav()">&times;</a>
      <a href="#" id="k" class="list-group-item">About</a>
      <a href="#" class="list-group-item">Services</a>
      <a href="#" class="list-group-item">Clients</a>
      <a href="#" class="list-group-item">Contact</a> -->
      <span style="font-size: 40px;position:absolute;top: -5px;right: 10px;padding: 6px;color:white " onclick="closeNav()" id="l">&times;</span>

      <dl class="list-group" id="k">
        <dt class="list-group-item" onclick="toPage(0)">首屏</dt>
        <dt class="list-group-item" onclick="toPage(1)">单位简介</dt>
        <dt class="list-group-item" onclick="toPage(2)">关于我们</dt>
        <dt class="list-group-item" onclick="toPage(3)">产业服务</dt>
        <dd class="list-group-item" style="margin-top: 5px" onclick="toPage(4)">产业案例1</dd>
        <dd class="list-group-item" onclick="toPage(5)">产业案例2</dd>
        <dt class="list-group-item" onclick="toPage(6)">足迹荣耀</dt>
        <dd class="list-group-item" style="margin-top: 5px" onclick="toPage(7)">荣耀示例1</dd>
        <dd class="list-group-item" onclick="toPage(8)">荣耀示例2</dd>
        <dt class="list-group-item" onclick="toPage(9)">资质荣誉</dt>
        <dd class="list-group-item"  style="margin-top: 5px" onclick="toPage(10)">典型项目</dd>
        <dt class="list-group-item" onclick="toPage(11)">党建工作</dt>
        <dd class="list-group-item"  style="margin-top: 5px" onclick="toPage(12)">党风廉政</dd>
        <dt class="list-group-item" onclick="toPage(13)">走出国门</dt>
        <dt class="list-group-item" onclick="toPage(14)">应急保障</dt>
        <dt class="list-group-item" onclick="toPage(15)">社会公益</dt>
      </dl>

    </div>
    <span style="font-size:25px;cursor:pointer;padding:0 7px;background-color:#aaabb0;position: fixed;right:20px;top:20px;color: white;z-index: 100;" onclick="openNav()" id="h">&#9776;</span>

    <!-- 按钮 -->

    <div id="back" style="position: absolute;width: 100%;height: 100%;background-color: rgba(43, 51, 73, 0.6);z-index: 20;display: none"></div>



    <!-- Swiper -->
<div class="swiper-container swiper-container-v">
    <div class="swiper-wrapper">
     <div class="swiper-slide" style="">
      <div style="width:100%;height:100%;background: url('img/7.gif') no-repeat; background-size:100% 100%;">
       <div style="height:100%;width:100%;background-color:rgba(0, 0, 0, 0.48);">
         <div class="container-fluid">
           <div class="row" style="margin-top:50%;">
                <div class="col-xs-12 ">
                    <img src="img/1.jpg" class="img-responsive">
                </div>
                <div class="col-xs-12 text-center" style="padding-top: 10px">
                    <p style="color: #0a4e9f;font-size: 0.5rem;font-weight: 600">科学管理&nbsp;精心测绘&nbsp;&nbsp;创一流品牌&nbsp;&nbsp;同舟共济&nbsp;开拓创新&nbsp;做百年强队</p>
                </div>

            </div>
            <div class="row" style="margin-top:20%;position:relative;z-index:99;">
                <div class="col-xs-4 col-xs-offset-4 text-center ani" onclick="toPageslow(1)" style=""  swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.1s" >
                        <p style="margin:0;display: block;font-size: 0.5rem;white-space: nowrap;background-color:#e4e1e1;padding: 8px 10px;">READ MORE</p>
                </div>
            </div>
         </div>
       </div>


      </div>

        </div>
        <div class="swiper-slide">
        <!-- Slide 2 -->
           <section class="one" style="border-bottom: 10px solid #00308e;">
             <div class="container-fluid" style="height: 100%;position: relative;">
                <div class="row" style="height:18%;padding-top:2rem;">
                     <div class="col-xs-11 col-xs-offset-1" style="padding-left:5px;">
                            <h1 style="margin-bottom: 3px">单位简介</h1>
                            <p class="xian1" style="padding:2px 0rem;display:inline-block;background-color: white;"></p>
                     </div>
                </div>
                 <div class="row" style="height:30%;display: table;">
                    <div style="width:80%;display: table-cell;vertical-align: middle;">
                            <div class="content">
                                <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s" style="margin-bottom: 0px;display: inline-block;">浙江省测绘大队隶属于浙江省地质勘查局，组建于1958年，是专业从事测绘的省级事业单位，是全国首批甲级测绘资质单位之一，连续6年保持“浙江省文明单位”称号;连续20年保持浙江省“重合同守信用” 单位;连续5年被评为浙江省 “安 康杯”竞赛示范单位，先后获得“省直属机关先进基层党组织”  “浙江省青年文明号”、“工人先锋号”等荣誉称号。</p>
                                <!-- <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s" style="margin-bottom: 0px; text-indent: 0px;display: inline-block;">
                                </p> -->
                            </div>
                  </div>

                 </div>
                 <div class="row" style="padding:0.5rem;height:20%;">
                     <div  style="padding:0px;width:45%;margin-left:27.5%;">
                        <img src="img/img1/1.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
                     </div>
                 </div>


                 <div class="row" style="padding:0.5rem;height:20%;">
                     <div  style="width:40%;margin-left:8.3%;float: left;">
                        <img src="img/img1/2.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.1s">
                     </div>
                     <div style="width:40%;margin-left:3.3%;float: left;">
                         <img src="img/img1/3.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
                     </div>
                 </div>



                  <div class="row" style="padding:1rem 0px;height:10%;">
                        <div class="col-xs-10 col-xs-offset-1" >
                            <img src="img/img1/5.jpg" class="img-responsive">
                        </div>
                    </div>
             </div>
            </section>

        </div>
        <div class="swiper-slide">
        <!-- Slide 3 -->
           <section class="two">
                 <div class="container-fluid" style="height: 100%;position: relative;">
                    <div class="row" style="height: 50%;display:table;">
                      <div style="display: table-cell;vertical-align: middle;">
                        <div class="col-xs-12 ">
                             <div id="myCarousel" class="carousel slide">
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <img src="img/img2/1.jpg" alt="First slide">
                                    </div>
                                    <div class="item">
                                        <img src="img/img2/2.jpg" alt="Second slide">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                          <span style="display:block;width:25px;height:25px;background-color: #7d99c9;float:left;" class="text-center nextpic" >
                            <i class="fa fa-angle-down" style="color:#fff;line-height: 25px;font-size:25px;" aria-hidden="true"></i>
                          </span>&nbsp;
                          <span style="display:block;width:25px;height:25px;background-color: #173768;float:left;border-left:1px solid #fff;" class="text-center prepic" >
                            <i class="fa fa-angle-up " style="color:#fff;line-height: 25px;font-size:25px;" aria-hidden="true"></i>
                          </span>
                        </div>
                      </div>

                    </div>
                    <div class="row" id="img" style="height: 50%;margin-top: 0;">
                        <div class="col-xs-11 col-xs-offset-1" style="height: 100%">
                           <div class="nav_a" style="height: 100%">
                                <div style="display: inline-block;height:52%;width: 1px;background-color: #a0a8bd;position: absolute;top: 0px;left">
                                    <span style="width:3px;height:18%;position: absolute;background-color: white;top:0px;left:0px;">
                                    </span>
                                    <span style="width:3px;height:18%;position: absolute;background-color: white;top:82%;left:0px;">
                                    </span>
                                </div>
                                <ul class="clearfix">
                                    <li >全队现有职工<strong id="num612" style="font-size: 0.9rem ;font-weight:600;letter-spacing: 0px">100</strong>人</li><!-- 612class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.1s" -->
                                    <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s" style="white-space: nowrap;">其中教授级高级工程师<strong id="num5">5</strong>人</li>
                                    <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.7s">浙江省<strong id="num151">151</strong>人才<strong id="num1">1</strong>人</li>
                                    <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.1s">国家注册测绘师<strong id="num31">31</strong>人</li>
                                    <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">其他注册类人员<strong id="num4">4</strong>人</li>
                                    <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.9s">高级职称<strong id="num66">66</strong>人</li>
                                    <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="2.3s">中级职称<strong id="num98">98</strong>人</li>
                            </ul>
                            <p class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" style="position: absolute;color: white;font-size: 0.4rem;top:68%;left:9%;letter-spacing: 1px;white-space: nowrap;" id="pp">各类专业技术人员占职工总人数的<span id="num80">80</span>%以上</p>
                            </div>
                        </div>
                        </div>
                </div>
             </section>

        </div>
        <div class="swiper-slide">
        <!-- Slide 4 -->
           <section class="four">
             <div class="container-fluid" style="height: 100%;">
                 <div class="row" style="height:15%;">
                    <div class="col-xs-8">
                        <img src="img/img3/4.png" class="img-responsive">
                    </div>
                 </div>
                  <div class="row" style="padding-top: 0px;height:40%;">
                        <div  style="padding:0 5px;width:55%;height: 100%;float:left;">
                            <div class="service ">
                                <h1>
                                    产业服务
                                </h1>
                                <p class="xiansec3" style="padding:2px 0.8rem;margin-bottom:10px;display:inline-block;background-color: #084892"></p>
                            </div>
                            <div class="service-content " style="height:67%;">
                                <p >大地测量、工程测量、不动产测绘、地理信息系统工程、测绘航空摄影、摄影测量与遥感、海洋测绘、地图编制、互联网地图服务;
                                </p >
                                <p>土地规划、土地勘测、矿山测量、不动产权籍调查。</p>
                            </div>
                        </div>
                        <div  style="width:45%;height: 100%;float:left;position: relative;">
                            <div class="img_1" style="padding-bottom:8px;position:absolute;bottom:50%;">
                                <img src="img/img3/1.jpg" class="img-responsive ani" style="position:relative;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.2s">
                            </div>
                            <div class="img_2" style="position:absolute;bottom:0px;">
                                <img src="img/img3/2.jpg" class="img-responsive ani" style="position:relative;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.6s">
                            </div>
                        </div>
                   </div>
                   <div class="row" style="height:35%;">
                        <div class="col-xs-12" style="padding:10px 5px;">
                            <img src="img/img3/3.jpg" class="img-responsive ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0.2s">
                        </div>
                    </div>

             </div>

            </section>
        </div>
        <div class="swiper-slide">
        <!-- Slide 5 -->
          <section class="five">
                <div class="container-fluid" style="padding-bottom: 6%">
                  <div style="padding: 6% 4%;background-color: #f1f1f1;height: 100%;width: 100%;position: relative;">
                   <div class="meau" style="position:relative;margin-top: 0;height: 100%">
                       <div class="row" style="height:6%;">
                          <div class="col-xs-12" style="padding:0px;">
                            <div class="nav-top" ><!-- style="position: absolute;top:2%;"slideInRight-->
                                <p class="ani" swiper-animate-effect="slideInRight" swiper-animate-duration="1s" swiper-animate-delay="0s" style="padding:3px 1rem; margin-bottom:0px;display:inline-block;background-color: #084892"></p>
                            </div>
                          </div>
                        </div>
                        <div class="row" style="height:60%;display:table;">
                          <div style="width: 100%;padding:0px;margin-top:0.3rem;display:table-cell;vertical-align:middle;">
                            <div class="font ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0s" ><!-- position:absolute;top: 12%; -->
                                <!-- <img src="img/img4/font.png" class="img-responsive" alt=""> -->
<pre style="font-size:0.5rem;letter-spacing: 1px;font-family: 'Lato', 'sans-serif';padding:0px;background-color:#f1f1f1;border:none;line-height:1.5;">
    现有无人机、倾斜摄影、三维激光扫描仪、
    GNSS接收机、测量机器人、全站仪、精密数字
    水准仪、JX-4和VirtuoZo全数字摄影测量系统、
    探地雷达、管线探测仪、管道监测系统（CCTV）、
    多波束测深仪、验潮仪、声速仪、波浪补偿仪、
    移动数据采集终端等多台套仪器设备；全数字摄
            影测量处理系统photomod，天工Qmosaic
                  航片快拼，遥感图像处理系统DP-mo
                        deler、smart3D、ArcGIS、
                              MapGIS、ENVI、SkyLINE、
                                    ERDAS、Oracle等多套软
                                          件。
</pre>

                            </div>
                          </div>
                        </div>

                        <div class="row" style="height:44%;position:relative;">
                          <div  style="position:absolute;top:-3.5rem;width:93%;left:-7%;"><!-- position:absolute;top: 48%; left: -8%;z-index: 10;width: 96%; -->
                                 <img  src="img/img4/5.png" class="img-responsive ani" swiper-animate-effect="rollIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
                            </div>
                            <p class="ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0s" style="padding:3px 20px;display:inline-block;background-color: #981d1d ;z-index: 20;position: absolute;bottom: 1.4rem; right: 1%;"></p>
                          <!-- <div class="col-xs-10" style="padding:0px;">

                          </div>
                          <div class="col-xs-2" style="padding:0px;position:relative;border:1px solid red;">

                          </div> -->
                        </div>
                      </div>
                    </div>

                </div>
         </section>

        </div>
        <div class="swiper-slide" style="overflow: hidden;">
        <!-- Slide 6 -->
           <section class="six">
                <div class="container-fluid" style="height: 100%;position:relative;">
                  <div  style="height:30%;width: 100%;overflow:hidden;">
                     <img src="img/img5/1.jpg" style="width:100%;height:100%;" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.2s" id="img_5" style="" >
                  </div>
                  <div class="row "  style="height:60%;position: relative;">
                    <div class="swiper-container swiper-container-scrollbar" >
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" style="height: auto;">
                                <div  style="padding-left:0px;padding-right:0px;width:10%;height:100%;">
                                   <p style="display: block;position: absolute;top:7px;left:10px;" class="p ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0.5s">
                                        典<br>型<br>项<br>目<br>案<br>例
                                    </p>
                                 </div>
                                 <div  style="padding-left:0px;padding-right:0px;width:90%;">

                                   <div class="left_a ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2s" swiper-animate-delay="0.8s" style="display: inline-block;">
                                   <span class="tiao4" style="position: absolute;top:11px;left:0%;display: block;width:1px;height:96%;background-color:#223b76;"></span>
                                    <ol>
                                        <li>嘉兴市秀洲区农村土地承包经营权确权登记颁证项目;</li>
                                        <li>台州市黄岩区农村宅基地及住房确权登记发证测绘调查等项目;</li>
                                        <li>浙江省第一次地理国情普查（青田县、温岭市、椒江区、路桥区、黄岩区、天台县、三门县、临海市、仙居县、奉化市项目;</li>
                                        <li>嘉兴市地面沉降监测水准测量;</li>
                                        <li>德清县国土资源局第三次全国土地调查项目;</li>
                                        <li>中国大运河（杭州段）申遗范围界桩埋设、界线测绘；西湖申遗界线测量;</li>
                                        <li>杭州地铁三期工程3号线一期土地勘测定界测绘;</li>
                                        <li>杭州湾南岸生态修复影像无人机航摄;</li>
                                        <li>宁波某地质灾害点倾斜摄影;</li>
                                        <li>2000数字航测DLG、DOM、DEM等产品制作及数字成果入库（文成县、新昌县、象山县、磐安县）;</li>
                                        <li>浙江省住房和城乡建设厅“三改一拆”测绘地理信息服务项目;</li>
                                        <li>临安市城市地下综合管线普查项目;</li>
                                        <li>浙江省海洋水下地形测量和深水海岸线调查;</li>
                                        <li>萧山区农村存量建设用地调查政府采购项目;</li>
                                        <li>台州古旧地图集。</li>



                                    </ol>
                                   </div>
                                 </div>
                            </div>
                        </div>
                        <div class="swiper-scrollbar"></div>
                    </div>

                   </div>

                  <div class="row" style="height:10%;">
                      <div class="row"  style="position: relative;height: 100%;padding: 0;">
                        <div class="col-xs-12" style="padding: 0;height: 100%;">
                            <img src="img/img5/2.jpg" style="height: 100%;width:100%;"  class="img-responsive ani " swiper-animate-effect=" fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="1.1s">
                        </div>
                        <div class="col-xs-4 col-xs-offset-4" style="position: absolute;top: 0.3rem;left: 0px;">
                            <p style="display: inline-block;padding: 0.1rem 0.5rem;border-top: 1px solid #dc9ea5;color: #dc9ea5;font-size: 0.4rem">
                                Project case
                            </p>
                        </div>
                      </div>
                  </div>

                </div>
            </section>
        </div>
        <div class="swiper-slide" style="overflow: hidden;">
        <!-- Slide 7 -->
          <section class="seven" style="background-color:#f8f8f8 ">
                <div class="container-fluid" style="height: 100%;position: relative;" >
                    <div class="row" style=" height:15%;position: relative;">
                        <div class="col-xs-12" style="position:absolute;bottom:0px;">
                            <h1 style="letter-spacing: 2px;">足迹荣耀</h1>
                            <p class="xian2" style="padding:3px 0rem;display:inline-block;background-color: #084892"></p>
                            </div>
                    </div>
                    <div class="row" id="seven" style=" height:60%;">
                        <div style="width:70%;height: 100%;margin-left:15%;" >
                            <div style="height:45%;margin-bottom:5%;">
                                <img src="img/img6/2.jpg" style="width:100%;height: 100%;box-shadow: 1px 3px 10px 3px #9a9faa;" class=" ani"  swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.3s">
                            </div>
                            <div   style="height:45%;">
                                <img src="img/img6/1.jpg" style="width:100%;height: 100%;box-shadow: 1px 3px 10px 3px #9a9faa;" class=" ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.8s" >
                            </div>
                        </div>
                    </div>
                    <div class="row" id="seven" style=" height:25%;">
                        <div style="width:80%;height:100%;float:left;margin-left:10%;">
                            <div class="seven_font ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="1.1s" >
                                <h5>近10年主要服务项目统计:</h5>
                                <p>地籍测绘44个县(市区)约4000平方公里，经省质检站验收的测绘优秀项目占比50%以上。</p>
                                <p>地理国情、县(市)情普查18个县(市、区) 28003平方公里;农经权承担37个县(市、区)约400万亩。</p>
                              </div>

                        </div>
                    </div>

                </div>
             </section>
        </div>
        <div class="swiper-slide" style="overflow: hidden;">
        <!-- Slide 8 -->
        <div class="end_7" style="height: 100%">
            <div class="container-fluid" style="height: 100%" style="position: relative;">
                <div class="row" style="position:relative;top:-6%;left: 0">
                   <div class="col-xs-12" style="padding:0;">
                      <img src="img/img7/1.jpg" class="img-responsive">
                   </div>
                </div>
                <div class="row" style="position: absolute;top:11%;left: 6%">
                    <div class="col-xs-7">
                        <img src="img/img7/2.jpg" class="img-responsive " >
                    </div>
                </div>
                <div class="row" style="position:relative;top:-11%;">
                    <div class="col-xs-10" style="white-space: nowrap;"><!-- style="position: absolute;top: 295px;left: 12px" -->
                        <p style="color: #3e3a39;font-size: 0.5rem;">近年来的质检、技能大赛、论文等情况统计：</p>
                    </div>
                </div>
                <div class="row" style="padding: 0 6%;position: relative;top:-9%;height:50%;">

                    <div style="position: relative;padding:0" class="col-sm-12">
                        <p  style="margin: 0;padding-bottom: 0.5rem;font-size: 0.5rem;text-indent: 1.0rem;text-align: justify;"><strong id="num2015" style="color: #094994;font-size:0.7rem;">2015年</strong>在省职业技能竞赛中获得工程测量团体第一，随后代表
                        浙江省参加全国技能竞赛，获得团体三等奖，为浙江省实现历年来团
                        体零奖牌的突破。
                        </p>
                        <span class="tiao1" style="display: block;width:100%;height:1px;background-color:#3e3a39;"></span>
                        <span style="    padding: 2px 32px;
                                        background-color: #094994;
                                        position: absolute;
                                        bottom: 0px;
                                        left: 0px;"></span>
                    </div>


                  <div style="position: relative;padding:0;padding-top: 14px;" class="col-xs-12" >
                        <p  style="margin: 0;padding-bottom: 0.5rem;font-size: 0.5rem;text-indent: 1.0rem;text-align: justify;"><strong id="num2016" style="color: #094994;font-size:0.7rem;">2016年</strong> 在全国地理国情普查标准时点核准百日大会战主题竞赛
                        中获“先进班组”称号。

                        </p>
                        <span class="tiao2" style="display: block;width:100%;height:1px;background-color:#3e3a39;"></span>
                        <span style="    padding: 2px 32px;
                                        background-color: #094994;
                                        position: absolute;
                                        bottom: 0px;
                                        left: 0px;"></span>
                    </div>

                  <div style="position:relative;padding:0;padding-top: 14px;" class="col-xs-12">
                        <p  style="margin: 0;padding-bottom: 0.5rem;font-size: 0.5rem;text-indent: 1.0rem;text-align: justify;"><strong id="num2017" style="color: #094994;font-size:0.7rem;">2017年</strong>第三方验收项目<strong id="num60" style="color:#094994;font-size:0.7rem; ">60</strong>批次，平均分为84.16分，其中承接
                        的<strong id="num37" style="color:#094994; font-size:0.7rem;">37</strong>个县（市、区）农经权项目，全部通过专项验收，成果质量优良率达到<strong id="num100" style="color:#094994;font-size:0.7rem;">100</strong>%。

                        </p>
                        <span class="tiao3" style="display: block;width:100%;height:1px;background-color:#3e3a39;"></span>
                        <span style="    padding: 2px 32px;
                                        background-color: #094994;
                                        position: absolute;
                                        bottom: 0px;
                                        left: 0px;"></span>
                    </div>

                    <div class="col-xs-12" style="padding-left:0px;padding-top:0.5rem;white-space: nowrap;position: relative;top:0%">
                        <div >
                          <p  style="font-size:0.5rem;font-weight: 520;color: black">近年来，在国内外多核心期刊发表学术论文<strong id="num300" style="font-size: 0.7rem;">300</strong>余篇。</p>
                        </div>
                    </div>
                </div>

            </div>

    </div>

        </div>
        <div class="swiper-slide" style="overflow: hidden;">
        <!-- Slide 9 -->
           <div class="eight">
                <div class="container-fluid" style="height: 100%;position: relative;">
                    <div class="row" style="height:10%;position:relative;">
                        <div class="col-xs-10 col-xs-offset-1" style="position:absolute;bottom:0px;right:7%";>
                            <img src="img/img8/3.png" class="img-responsive">
                        </div>
                    </div>
                    <div class="row" ><!-- style="position: absolute;top:10%" -->
                        <div class="col-xs-11 "   style="padding-right: 10px;font-size:0.8rem;">
                            <h2  style="white-space: nowrap;margin-top:0px;">浙江省国土勘测规划有限公司</h2>
                            <p class="text-left xian3" style="padding:3px 0rem;margin-bottom:14px;display:inline-block;background-color: #084892""></p>

                        </div>
                    </div>
                    <div class="row" style="position:relative;z-index:9899;"><!-- style="position: absolute;top: 20%;z-index: 99" -->
                      <div class="col-xs-12 k">
                        <!-- <img src="img/img8/goog.png" class="img-responsive" alt=""> -->
                       <!--   <p>
                                浙江省国土勘测规划有限公司于2000年4月18日成立，注册资本1750.75万元，隶属浙江省测绘大队，是一个具有独立法人资格，自主经营的有限责任公司，总部设在浙江省地理信息产业园，建筑面积约2091.13平方米，杭州设分公
                                <span >
                                    司。公司现有职工117人，其中注册 <br>
                                    测绘师5人，测绘高级工程师7人, <br>
                                    测绘工程师20人。
                                </span>
                        </p> -->
<pre style="font-size:0.5rem;font-family: 'Lato', 'sans-serif';padding:0px;background-color:rgba(255, 255, 255, 0);;border:none;line-height:1.5;">
       浙江省国土勘测规划有限公司于2000年4月18日成立，
注册资本1750.75万元，隶属浙江省测绘大队，是一个具有
独立法人资格，自主经营的有限责任公司，总部设在浙江省
地理信息产业园，建筑面积约2091.13平方米，杭州设分公
司。公司现有职工117人，其中注册
测绘师5人，测绘高级工程师7人,
测绘工程师20人。
</pre>



                      </div>
                    </div>
                    <div class="row" style="position:relative;top:-1.5rem;z-index:999;">
                        <div class="col-xs-12 " style="padding:0px 0px;"><!-- style="position: absolute;bottom: -1px;right: -15px;z-index: 0" -->
                            <img src="img/img8/8.jpg" class="img-responsive ani" swiper-animate-effect="zoomInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s" width="120%">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="swiper-slide" style="overflow: hidden;">
        <!-- Slide 10 -->
          <div class="nine">
            <div class="container-fluid" style="height: 100%;position: relative;padding:0px;">
                <div style="height: 50%;padding:0px 15px;">
                  <div class="row" style="height:40%;position: relative;">
                        <div class="col-xs-4" style="position:absolute;bottom:0;left:0;">
                          <div class="nine_content" >
                              <h2  style="margin-bottom:0px;">资质荣誉</h2>
                              <p class="xian4"  style="padding:3px 0rem;margin:0px;display:inline-block;background-color: #084892"></p>

                          </div>
                        </div>
                        <div class="col-xs-10" style="position:absolute;bottom:0;right:0;">
                            <img src="img/img9/01.png" class="img-responsive">
                        </div>
                  </div>

                  <div class="row" style="display:table;height:50%;">
                    <div style="display:table-cell;vertical-align:middle;">
                      <div class="col-xs-12">
                        <p class="k " style="font-size: 0.5rem;">公司具有工程测量、不动产测绘、地理信息系统工程、地图编制等四项甲级测绘资质，土地规划准乙级。先后取得了浙江公信认证有限公司质量管理、环境管理、职业健康安全管理、信息安全管理和信息技术服务管理认证五合一体系认证证书，《 中华人民共和国国家版权局计算机软件著作权登记证书》15个。
                            </p>
                      </div>
                    </div>
                  </div>
                  <div style="width:100%;height:10%;">

                  </div>
                </div>
                <div  style="height: 50%;width: 100%;background-color:#0b4da1;">
                    <div class="nine_img" style="height: 100%;position: relative;">
                       <div style="
                       width:100%;
                       height:100%;
                       position:relative;z-index:9;
                       background-image: url(img/img9/02.jpg);
                       background-size: 100% 100%;
                       background-repeat: no-repeat;"
                       class="ani"
                       swiper-animate-effect="zoomIn"
                       swiper-animate-duration="1.5s"
                       swiper-animate-delay="0.1s"
                       >

                       </div>
                       <!--  <div class="row" style="position: absolute;top: 4%"> -->
                            <div class="col-xs-10" style="text-align: center;position: absolute;top:0;left: 7%;z-index:99;">
                                <p style="margin-top: 10%">获得2017中国地理信息产业</p>
                                <h2 style="white-space: nowrap;">高成长企业和最具活动中小企业</h2>
                                <p style="margin-top: 0">荣誉称号</p>
                            </div>
                      <!--   </div> -->
                       <!--  <div class="row" style="padding: 0 20px;padding-bottom: 94px;"> -->
                            <div class="col-xs-6 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="1s" style="position: absolute;top:41%;z-index:99;" id="img_nine">
                                <img src="img/img9/03.jpg" class="img-responsive " >
                            </div>
                            <div class="col-xs-2" style="position: absolute;top: 50%;right: 3%;padding:0;z-index:99;">
                                <img src="img/img9/04.png" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.6s" >
                            </div>
                            <div  style="position: absolute;top: 56%;right: 23%;padding:0;width:22%;z-index:99;">
                                <img src="img/img9/05.png" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.1s" >
                            </div>
                            <div class="col-xs-2" style="position: absolute;top: 74%;right: 23%;padding:0;z-index:99;">
                                <img src="img/img9/06.png" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.6s" >
                            </div>
                       <!--  </div> -->

                    </div>
                </div>
            </div>
        </div>
        </div>
        <!-- slide  11-->
        <div class="swiper-slide">
           <div class="container-fluid" style="width:100%;height:100%;padding:0;">
             <div style="height:35%;position:relative;">
                 <div style="width:100%;height:100%;">
                    <img src="img/img17/toptu.png" style="width:100%;height:100%;" alt="">
                 </div>

             </div>

             <div class="row" style="position:relative;z-index:9;top:0;height:65%;">
                            <div style="height: 100%;display:table;">
                            <div style="display:table-cell;vertical-align:middle;position:relative;">
                <div class="col-xs-9 col-xs-offset-3">
                     <div style="width:100%;position:absolute;top:-1rem;left:-0.2rem;">
                       <span style="font-size:0.7rem;color:#074184;">典型项目案例</span>
                     </div>
                  <ul style="color:#074184;font-size: 0.7rem;">
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="0.2s">
                        <span style="font-size:0.5rem;color:#504e4c;">杭州城市周边永久基本农田划定举证工作</span>
                      </li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="0.7s"><span style="font-size:0.5rem;color:#504e4c;">西湖区双浦镇全域土地综合整治规划</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="1.2s"><span style="font-size:0.5rem;color:#504e4c;">西湖龙井茶实地测绘调查</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="1.7s"><span style="font-size:0.5rem;color:#504e4c;">G20峰会项目、杭州亚运会亚运村、杭州地铁三期等重点项目土地规划调整</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="2.2s"><span style="font-size:0.5rem;color:#504e4c;">临金高速公路杭州段工程、钱江通道、杭平申航道等重点建设项目勘测定界</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="2.7s"><span style="font-size:0.5rem;color:#504e4c;">杭州绕城高速公路西复线湖州段、104国道等重点项目土地预审</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="3.2s"><span style="font-size:0.5rem;color:#504e4c;">杭州市余杭区良渚街道土地利用总体规划( 2006-2020年)中期调整完善</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="3.7s"><span style="font-size:0.5rem;color:#504e4c;">杭州市区耕作层剥离与再利用专项规划编制</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="4.2s"><span  style="font-size:0.5rem;color:#504e4c;">杭州市之江、滨江、下城区城镇低效用地调查入库及规划编制</span></li>
                      <li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="4.7s"><span style="font-size:0.5rem;color:#504e4c;">永嘉县、桐庐县“十三五”土地整治专项规划</span></li>
                  </ul>
               </div>
                            </div>

                            </div>

             </div>
             <div  style="position:absolute;left:0px;bottom: 0px;z-index:99;">
               <div >
                 <img src="img/img17/laixia.png" style="width:3.5rem;"  alt="">
               </div>
             </div>
           </div>
        </div>
        <div class="swiper-slide" style="background-image: url(img/img11/12.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;overflow: hidden;">
        <!-- Slide 12 -->
           <div class="container-fluid" style="position: relative;padding: 0;height: 100%;width: 100%">
           <!--  <div class="row"> -->
                <!-- <div class="col-xs-3" style="position:absolute;top:13%;left:-5%;width: 30%;z-index: 10;padding-right: 0">
                    <img src="img/img11/10.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s" style="border-radius: 10px;height: 100%;width: 100%">
                </div> -->
                <div class="col-xs-5" style="position:absolute;top:6%;left:24%;padding-right: 0;z-index:9;">
                    <img src="img/img11/6.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" style="border-radius: 10px;box-shadow: 1px 1px 6px 1px #a8a6a7;height: 100%;width: 100%">
                </div>

           <!--  </div> -->
            <!-- <div class="row"> -->

                <div class="col-xs-5" style="position: absolute;top:16%;right:16%;z-index: 1;padding-right: 0;z-index:99;">
                    <img src="img/img11/8.jpg" class="img-responsive ani"  swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s" style="border-radius: 10px;box-shadow: 1px 4px 10px #073267;height:100%;width: 100%">
                </div>
          <!--   </div> -->
           <!--  <div class="row"> -->
                <div class="col-xs-10" style="position:absolute;top:4%;right: -12%;z-index: 1">
                    <img src="img/img11/1.png" class="img-responsive " >
                </div>
           <!--  </div> -->

            <!-- <div style="position: absolute;top: 20%"> -->
                <div style="background-image: url(img/img11/9.jpg);background-size: 100% 100%;width:100%;height: 34%;position: absolute;top: 20%">

                    <div class="col-xs-3" style="position:absolute;top:-25%;left:-5%;width: 30%;z-index: 10;padding-right: 0">
                      <img src="img/img11/10.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s" style="border-radius: 10px;height: 100%;width: 100%">
                    </div>

                    <div class="row" style="padding-top:18%;padding-left: 10%;height: 100%">
                        <div class="col-xs-5 " >
                            <h2 style="font-size: 0.8rem;font-weight: 500;color: white;letter-spacing: 2px">党建工作</h2>
                            <p class="xiansec11" style="padding:2px 0.8rem;margin-bottom:14px;display:inline-block;background-color: white"></p>
                        </div>
                        <div class="col-xs-6" style="padding-top:2%;padding-right: 0;padding-left: 4%;height: 90%;position:relative;z-index: 999">
                            <img src="img/img11/5.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.1s" style="border-radius: 10px;box-shadow: 1px 1px 14px 3px #073267;height: 100%;width: 100%">
                        </div>

                    </div>
                </div>
            <!-- </div> -->
            <div class="row" style="position:absolute;top:58%;padding:0 12%">
                <div id="row_p" class=" col-xs-12 " style="padding:0;" >
                    <p > 大队高度重视党的建设和文化建设工作，不断锤炼干部职工拥护党、忠诚于党、始终跟党走的思想品格，扎实开展“三会一课”、“主题党日”、”理论中心组学习“等工作，系统推进党建”五五工程“，打造政治过硬、理想坚定、业务扎实的干部职工队伍。</p>
                    <p >
                      党政工团齐心协力，共同开展地勘测绘文化建设，以党建铸魂，以文化润心，不断内塑筋骨，外筑品质，团队凝聚力和战斗力得到了不断地强化提升，业务实力和产业规模也在与日俱增，社会品牌形象和经济效益连年攀升。
                    </p>
                </div>
            </div>
        </div>
        </div>
        <div class="swiper-slide">
        <!-- Slide 13 -->
           <div class="sevenle">
            <div class="container-fluid" style="height: 100%;width: 100%;position: relative;">
            <div class="row" style="position: absolute;top: 15%;margin-top: 0;margin-right: 0;padding:0 8%">
                <div id="keep">
                    <h1>党风廉政</h1>
                        <p class="xian5"  style="padding:3px 0rem;margin-bottom:14px;display:inline-block;background-color: #084892"></p>
                        </div>
                        <div class="page">
                            <p style="font-size: 0.5rem;">坚持从“一岗双责”抓落实、  “承诺谈话”抓提醒、
                            抓教育、“检查考核” 抓监督、“排查梳理” 抓防范、“实事求是”抓执纪六个方面细致务实开展工作，有力地保障了大队各项事业健康稳步发展。

                            </p>
                        </div>
                </div>
                <div class="row" style="position: absolute;top: 45%;margin-top: 0;width: 100%;margin-right: 0;padding:0 8%">
                    <div class="img_lun" style="border: 8px solid #0a4d9c;box-shadow: -6px 9px 12px #9a9faa;border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 216px;width:100%;">
                        <div  style="height: 100%">

<div style="height: 100%;border-top-right-radius: 36px;border-bottom-left-radius:36px;">
   <div class="swiper-container swiper-container-filp">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 100%">
        <div style="height: 100%;border-top-right-radius: 36px;border-bottom-left-radius:36px;">
              <img src="img/img12/01.jpg" alt="First slide" class="img-responsive" style="border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 100%">
        </div>
      </div>
      <div class="swiper-slide" style="border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 100%">
        <div  style="height: 100%;border-top-right-radius: 36px;border-bottom-left-radius:36px;">
            <img src="img/img12/02.jpg" alt="Second slide" class="img-responsive" style="border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 100%">
        </div>
      </div>
      <!-- <div class="swiper-slide" style="background-image:url(http://lorempixel.com/600/600/nature/6)"></div> -->
    </div>

  </div>
                               <!-- <div class="item active" style="height: 100%;border-top-right-radius: 36px;border-bottom-left-radius:36px;">
              <img src="img/img12/01.jpg
" alt="First slide" class="img-responsive" style="border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 100%">
                                </div>
                                <div class="item" style="height: 100%;border-top-right-radius: 36px;border-bottom-left-radius:36px;">
                                    <img src="img/img12/02.jpg
" alt="Second slide" class="img-responsive" style="border-top-right-radius: 36px;border-bottom-left-radius:36px;height: 100%">
                                </div> -->
                            </div>
                            <!-- 轮播（Carousel）导航 -->
                        </div>

                    </div>
                </div>
            </div>
        </div>
        </div>
      <div class="swiper-slide">
        <!-- Slide 14 -->
        <div class="content_footer">
                <div class="container-fluid" style="padding: 0;position: relative;height: 100%;width: 100%">
                    <div class="row" style="padding:0 30px;position: absolute;top: 10%;width:100%;height: 9%">
                        <div class="col-xs-6" style="height: 100%">
                            <h1 style="margin:5% 0;white-space: nowrap;">走出国门</h1
                            >
                            <p class="xian6" style="padding:3px 0rem;display:inline-block;background-color: #084892"></p>
                        </div>
                    </div>

                    <div class="row" style="padding: 0;margin:0;background-image: url(img/img11/4.jpg);background-size: 100% 100%;height: 25%;position:absolute;top:20%;width: 100%;display:table;">

                        <div class="content ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s" style="display:table-cell;vertical-align:middle;">
                            <p>2006-2008年,大队走出国门</p>
                            <h2>为柬埔寨人民施测公路</h2>
                            <p>2017年,大队又走进非洲承担了厄立特里亚</p>
                            <h2 >“一带一路” 基础设施建设援建测量任务</h2>
                        </div>

                    </div>
                    <div style="position:absolute;height:50%;top:45%;width:100%;overflow: hidden;">
                        <div class="row" style="position: absolute;top:-34px;padding: 0;margin:0;background-image: url(img/img13/1.jpg
);background-size: 138% 100%;height:292px;width:100%;">

                            <div style="padding-top: 26%">
                                <div class="col-xs-6" style="padding-left: 9px">
                            <img src="img/img13/2.jpg
" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">
                                <p style="text-align:center;color: white;font-size: 0.5rem;background-color: #0a4d9c;padding-bottom: 0;margin-top: 1px">柬埔寨公路测量</p>
                            </div>

                            <div class="col-xs-6" style="padding-left: 0px;padding-right: 9px">

                                <img src="img/img13/3.jpg
" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">
                                <p style="text-align:center;color: white;font-size: 0.5rem;background-color: #0a4d9c;padding-bottom: 0;margin-top: 2px;">非洲厄立特里亚公路建设测绘</p>
                            </div>
                            </div>

                    </div>
                </div>
              </div>
            </div>
        </div>
        <div class="swiper-slide">
        <!-- Slide 17 -->
          <div class="content_footer">
          <div class="container-fluid" style="padding: 0;position: relative;height: 100%;width: 100%">
            <div  style="padding:0 30px;height: 9%;margin-top:19%;">
                    <div  style="height: 100%;width:100%;">
                        <h1 style="margin:5% 0;white-space: nowrap;">应急保障</h1
                        >
                        <p class="xian9" style="padding:3px 0rem;display:inline-block;background-color: #084892"></p>
                    </div>
            </div>

            <div style="padding: 0 30px;width: 100%;height: 25%;position: relative;z-index: 10;display: table;">
                <div id="content" style="display:table-cell;vertical-align:middle;">
                    <p style="margin-bottom:0">
                        2014年，大队申请加入浙江省突发公共事件处置测绘应急保障体系，随后成立应急保障测绘分队,<strong>连续4年参加浙江省测绘与地理信息局开展的突发事件应急演练。</strong>
                    </p>
                    <p>2016年，参与浙江省丽水市遂昌县北界镇苏村地质灾害应急救援，提供可靠的航拍数据。</p>
                </div>

            </div>
            <div style="height:60%;width:100%;">
               <div style="height:70%;width:100%;background-image: url(img/img13/1.jpg);    background-size: 154% 100%;background-position: center;top: 39%;background-repeat:no-repeat;position:relative;top:-2rem;">
                 <div class="row" >

                     <div class="row" style="padding-top: 55px">
                        <div class="col-xs-10 col-xs-offset-1" >
                            <img src="img/img16/last.jpg" class="img-responsive center-block ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.0s" swiper-animate-delay="0.2s" style="height: 82%;width: 100%">
                            <p  style="text-align:center;color: white;font-size: 0.5rem;background-color: #0a4d9c;padding-bottom: 0;letter-spacing: 2px">应急保障测绘分队</p>
                        </div>
                   <!--  </div> -->
                        </div>
                    </div>
                </div>
            </div>

            </div>
        </div>



</div>
        <div class="swiper-slide">
        <!-- Slide 15 -->
        <div class="content_footer">
            <div class="container-fluid" style="padding: 0;position: relative;height: 100%;width: 100%">
                <div class="row" style="padding:0 30px;position: absolute;top: 10%;width:100%;height: 9%">
                    <div class="col-xs-6" style="height: 100%">
                        <h1 style="margin:5% 0;white-space: nowrap;">社会公益</h1
                        >
                        <p class="xian7" style="padding:3px 0rem;display:inline-block;background-color: #084892"></p>
                    </div>
                </div>

                <div class="row" style="padding: 0;margin:0;background-image: url(img/img11/4.jpg
);background-size: 100% 100%;height: 32%;position:absolute;top:20%;width: 100%;z-index: 10;display:table;">

                    <div class="content ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s" style="display:table-cell;vertical-align:middle;">
                        <h2 style="margin-bottom: 5px">大队积极开展“世界地球日”主题宣讲活动</h2>
                        <p style="margin-bottom: 5px">走进不同学校，为学生们普及地质灾害防治知识</p>
                        <h2 style="margin-bottom:5px">倡导广大学生从自身做起</h2>
                        <p style="margin-bottom: 5px">珍惜资源、节约资源，爱护环境，保护地球
                        </p>
                        <p style="margin-bottom: 5px">坚持走生态可持续发展之路</p>
                        <h2 style="margin-bottom: 5px;">共同建设“两富、两美”浙江</h2>
                    </div>

                </div>
                <div style="position:absolute;height: 41%;width:100%;overflow: hidden;background-image: url(img/img13/1.jpg);background-size: 145% 100%;top: 43%;z-index: 0">
                    <div class="row" style="padding: 0;margin:0;">

                        <div style="padding-top: 30%">
                            <div class="col-xs-6" style="padding-left: 8px;padding-right: 6px">
                        <img src="img/img14/1.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">
                        </div>

                        <div class="col-xs-6" style="padding-left: 6px;padding-right: 8px">

                            <img src="img/img14/2.jpg" class="img-responsive ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">
                        </div>
                        </div>

                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
        <!-- Slide 16 -->
          <div class="content_footer">
            <div class="container-fluid" style="padding: 0;position: relative;height: 100%;width: 100%">
                <div class="row" style="padding:0 30px;padding-top:2rem;">
                    <div class="col-xs-6" style="height: 100%">
                        <h1 style="margin:5% 0;white-space: nowrap;">社会公益</h1
                        >
                        <p class="xian8" style="padding:3px 0rem;display:inline-block;background-color: #084892"></p>
                    </div>
                </div>

                <div class="row" style="padding: 0;margin:0;background-image: url(img/img11/4.jpg
);background-size: 100% 100%;height: 30%;display:table;width:100%;">

                    <div class="content ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s" style="display:table-cell;vertical-align:middle;">
                        <h2 style="margin-bottom: 5px">广大党员积极参与社区志愿服务</h2>
                        <p style="margin-bottom: 5px">党团联合开展“学雷锋、献爱心”无偿献血</p>
                        <h2 style="margin-bottom:5px">大队还成立青年志愿者服务队</h2>
                        <p style="margin-bottom: 5px">相继开展护航G20文明交通劝导</p>
                        <p style="margin-bottom: 5px">义务植树，结对帮扶，爱心助学以及青年团员学雷锋活动</p>
                    </div>

                </div>
                <div style="overflow: hidden;background-image: url(img/img13/1.jpg);background-size: 145% 100%;background-repeat:no-repeat;">
                  <!--   <div class="row"> -->

                     <div class="row" style="margin-top:1rem;">
                            <div class="col-xs-6 col-xs-offset-3" ><!-- style="padding-top: 5%;height: 45%;" -->
                                <img src="img/img15/1.jpg" class="img-responsive center-block ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">
                                <p style="text-align:center;color: white;font-size: 0.5rem;background-color: #0a4d9c;padding-bottom: 0;wi">团员青年志愿者义务植树</p>
                            </div>
                     </div>

                     <div class="row">
                         <div class="col-xs-5 col-xs-offset-1" >
                          <img src="img/img15/2.jpg" class="img-responsive center-block ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.8s" >
                        <p style="text-align:center;color: white;font-size: 0.3rem;background-color: #0a4d9c;padding-bottom: 0;margin-top: 2px">在职党员进社区,为民服务心连心</p>
                        </div>
                        <div class="col-xs-5" style="padding-right: 10px;">
                            <img src="img/img15/3.jpg" class="img-responsive center-block ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="1.4s" >
                            <p style="text-align:center;color: white;font-size: 0.3rem;background-color: #0a4d9c;padding-bottom: 0;margin-top: 1px">护航G20文明交通劝导</p>
                        </div>
                      </div>
                   <!--  </div> -->
                    </div>
                </div>
            </div>

        </div>



    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <!-- Swiper JS -->
    <script src="dist/js/swiper.min.js"></script>
    <script src="dist/js/swiper.animate1.0.2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/1.9.3/countUp.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

    <!-- Initialize Swiper -->
    <script>
    //背景音乐
    var audio = document.getElementById('bgMusic');
      audio.load();
      audio.play();
    document.addEventListener("WeixinJSBridgeReady", function () {
      audio.load() ;
      audio.play();
    }, false);
    document.addEventListener('YixinJSBridgeReady', function() {
      audio.load() ;
      audio.play();
    }, false);


    var countUpoptions = {
            useEasing: true,
            useGrouping: true,
            separator: ',',
            decimal: '.',
        };


    var swiper = new Swiper('.swiper-container-v', {
        direction: 'vertical',
        slidesPerView: 1,
        spaceBetween: 30,
        mousewheel: true,
        noSwipingClass : 'J_scroll',
        // pagination: {
        //   el: '.swiper-pagination',
        //   clickable: true,
        // },
         on:{
              init: function(){
                swiperAnimateCache(this); //隐藏动画元素
                swiperAnimate(this); //初始化完成开始动画

              },
              slideChangeTransitionEnd: function(){
//



                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                if(this.realIndex == 1){
                  xian('xian1','1rem','2px');

                }else if(this.realIndex == 2){

                      var demo = new CountUp('num612', 100, 612, 0, 2, countUpoptions);
                      if (!demo.error) {
                          setTimeout(function(){
                            demo.start();
                          },500);
                      } else {
                          console.error(demo.error);
                      };



                }else if(this.realIndex == 3){

                  setTimeout(function(){
                    xian('xiansec3','0.8rem','2px');
                  },200);


                }else if(this.realIndex == 4){

                }else if(this.realIndex == 5){

                   setTimeout(function(){
                     $(".tiao4").animate({height:'96%'},1000);
                  },2000);
                }else if(this.realIndex == 6){
                  xian('xian2','0.8rem','3px');

                }else if(this.realIndex == 7){

                  var demo13 = new CountUp('num60', 10, 60, 0, 2, countUpoptions);
                  setTimeout(function(){
                    demo13.start();
                  },500);
                  var demo14 = new CountUp('num37', 10, 37, 0, 2, countUpoptions);
                  setTimeout(function(){
                    demo14.start();
                  },500);
                  var demo15 = new CountUp('num100', 10, 100, 0, 2, countUpoptions);
                  setTimeout(function(){
                    demo15.start();
                  },500);
                  var demo16 = new CountUp('num300', 100, 300, 0, 2, countUpoptions);
                  setTimeout(function(){
                    demo16.start();
                  },500);

                  setTimeout(function(){
                     $(".tiao1").animate({width:'100%'},2000);
                  },200);
                  setTimeout(function(){
                     $(".tiao2").animate({width:'100%'},2000);
                  },700);
                  setTimeout(function(){
                     $(".tiao3").animate({width:'100%'},2000);
                  },1200);



                }else if(this.realIndex == 8){

                  xian('xian3','0.8rem','3px');
                }else if(this.realIndex == 9){

                  xian('xian4','0.8rem','3px');
                }else if(this.realIndex == 10){

                }else if(this.realIndex == 12){

                  xian('xian5','0.8rem','3px');
                }else if(this.realIndex == 11){

                  setTimeout(function(){
                    xian('xiansec11','0.8rem','2px');
                  },2500);
                }else if(this.realIndex == 13){

                  xian('xian6','0.8rem','3px');
                }else if(this.realIndex == 14){

                  xian('xian7','0.8rem','3px');
                }else if(this.realIndex == 15){

                  xian('xian8','0.8rem','3px');
                }else if(this.realIndex == 16){

                  xian('xian9','0.8rem','3px');
                }
              },
              slideChange: function(){
                if (this.realIndex == 1) {
                  disxian('xian1','0rem','2px');
                }else if(this.realIndex == 3){
                  disxian('xiansec3','0rem','2px');
                  $('.himgscale1').removeClass('pimgscale1');
                  $('.himgscale2').removeClass('pimgscale2');
                }else if(this.realIndex == 5){
                  $(".tiao4").css('height','0%');
                }else if(this.realIndex == 6){
                  disxian('xian2','0rem','3px');
                  // window.myChart.dispose();
                  // window.myChart2.dispose();
                }else if(this.realIndex == 7){
                  $(".tiao1").css('width','0%');
                  $(".tiao2").css('width','0%');
                  $(".tiao3").css('width','0%');
                }else if(this.realIndex == 8){
                  disxian('xian3','0rem','3px');
                }else if(this.realIndex == 9){
                  disxian('xian4','0rem','3px');
                }else if(this.realIndex == 11){
                  disxian('xiansec11','0rem','2px');
                }else if(this.realIndex == 12){
                  disxian('xian5','0rem','3px');
                }else if(this.realIndex == 13){
                  disxian('xian6','0rem','3px');
                }else if(this.realIndex == 14){
                  disxian('xian7','0rem','3px');
                }else if(this.realIndex == 15){
                  disxian('xian8','0rem','3px');
                }else if(this.realIndex == 16){
                  disxian('xian9','0rem','3px');
                }
              }
            }
    });
    var swiperScrollbar = new Swiper('.swiper-container-scrollbar', {
        scrollbar: '.swiper-container-scrollbar .swiper-scrollbar',
        direction: 'vertical',
        slidesPerView: 'auto',
        mousewheelControl: true,
        freeMode: true,
        nested: true
    });

    var swiperflip = new Swiper('.swiper-container-filp', {
      effect: 'flip',
      grabCursor: true,
      speed:2000,
      autoplay: {
        delay: 5000,
        disableOnInteraction: false,
      },
      // pagination: {
      //   el: '.swiper-pagination',
      // },
      // navigation: {
      //   nextEl: '.swiper-button-next',
      //   prevEl: '.swiper-button-prev',
      // },
    });
    function disxian(classname,size,sizef){
      sizew = sizef+" "+size;
      $("."+classname).css('padding',sizew);
    }
    function xian(classname,size,sizef){
      // var rem = parseInt($('html').css('font-size'));
       sizew = sizef+" "+size;
      $("."+classname).animate({padding:sizew},1000);
    }



    </script>

    <script>

            function openNav() {
                document.getElementById("mySidenav").style.width = "150px";

            }

            function closeNav() {
                document.getElementById("mySidenav").style.width = "0";

            }
        $(document).ready(function(){
             $('#h').click(function(){
                $('#back').slideDown();
             });
             $("#l").click(function(){
                $("#back").slideUp();
             })
             $('#back').click(function(){
                closeNav();
                $("#back").slideUp();
             })

        })
        function toPage(index){
            // alert(index);
            closeNav();
            $("#back").slideUp();

            //
            setTimeout(function(){
              // $('.swiper-pagination span').eq(index).trigger('click');
              swiper.slideTo(index, 0, true);
              swiperAnimate(swiper);

            },700);



        }
        function toPageslow(index){
           disxian('xian1','0rem','2px');
           swiper.slideTo(index, 500, true);
           swiperAnimate(swiper);
           setTimeout(function(){
              xian('xian1','1rem','2px');
            },700);
        }

    </script>
    <script type="text/javascript">
                $(document).ready(function(){
                    $('.carousel').carousel({
                        interval:3000
                    });

                })
                // 循环轮播到上一个项目
                $(".prepic").click(function(){
                    $("#myCarousel").carousel('prev');
                });
                // 循环轮播到下一个项目
                $(".nextpic").click(function(){
                    $("#myCarousel").carousel('next');
                });
  </script>

   <script type="text/javascript">
$.ajax("GetWX.php", {
    data: {
        Type: "config",
        // Type: "jsapi_ticket",
        url: location.href.split('#')[0]
        // url: encodeURIComponent(window.location.href.split('#')[0])
    },
    dataType: 'json',
    type: 'get',
    timeout: 5000,
    success: function(data) {
        // alert(JSON.stringify(data));
        console.log(JSON.stringify(data));
        console.log(location.href.split('#')[0]);
              wx.config({
                  // debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                  appId: 'wx9c907e79891f91fe', // 必填，公众号的唯一标识
                  timestamp: data.timestamp, // 必填，生成签名的时间戳
                  nonceStr: data.nonceStr, // 必填，生成签名的随机串
                  signature: data.signature, // 必填，签名，见附录1
                  jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
              });


          }
      })
     wx.ready(function () {
                         wx.updateAppMessageShareData({
                                title: '浙江省测绘大队', // 分享标题
                                desc: '精心测绘创一流品牌 做百年强队', // 分享描述
                                link: 'http://huice.maiworld.net/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: 'http://huice.maiworld.net/img/logof.jpg', // 分享图标
                        }, function(res) {
                        //这里是回调函数
                        });

                        wx.updateTimelineShareData({
                                title: '浙江省测绘大队', // 分享标题
                                link: 'http://huice.maiworld.net/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: 'http://huice.maiworld.net/img/logof.jpg', // 分享图标
                        }, function(res) {
                        //这里是回调函数
                        });
                    });
                wx.error(function(res){
                });
   </script>

</body>
</html>
